<template>
  <div class="col" style="align-items: flex-start;">
    <div class="row mt" style="align-items: flex-start;">
      <SwSensor />
      <div class="col ml" style="align-items: flex-start;">
        <div class="row" style="align-items: flex-start;">
          <Pick />
          <Scan class="ml" />
        </div>
        <div class="row mt" style="align-items: flex-start;">
          <Rkc />
          
        </div>
        
        
      </div>
      
    </div>
    <div class="row mt" style="align-items: flex-start;">
      <HeatDoor />
      <PastaDoor class="ml" />
      <ExternPush class="ml" />
      <PickDoor class="ml" />
      
    </div>
    <div class="row mt" style="align-items: flex-start;">
      <CargoRotate />
      <CargoElevator class="ml" />
      <CargoFetch class="ml" />
    </div>
    <div class="row mt" style="align-items: flex-start;">
      <Tool/>
      <Cooking class="ml"/>
    </div>
  </div>
</template>

<script setup lang="ts">

import SwSensor from '../components/main/SwSensor.vue';
import HeatDoor from '../components/main/HeatDoor.vue';
import PastaDoor from '../components/main/PastaDoor.vue';
import ExternPush from '../components/main/ExternPush.vue';
import PickDoor from '../components/main/PickDoor.vue';
import CargoRotate from '../components/main/CargoRotate.vue';
import CargoElevator from '../components/main/CargoElevator.vue';
import CargoFetch from '../components/main/CargoFetch.vue';
import Pick from '../components/main/Pick.vue';
import Scan from '../components/main/Scan.vue';
import Rkc from '../components/main/Rkc.vue';
import Tool from '../components/main/Tool.vue';
import Cooking from '../components/main/Cooking.vue';

</script>
